<div class="wrapper-sm">
  <div class="panel panel-default" style="margin-bottom:-5px;border-radius:5px">
    <div class="panel-body" style="font-size: 10px;padding:5px 20px; " >
      <div class="m-t-xs m-t-sm">
        <span>设备档案</span>
        <i class="fa fa-angle-right"></i>
        <span>设备信息 </span>
        <i class="fa fa-angle-right"></i>
        <span>设备基础信息</span>
      </div>
    </div>
  </div>
</div>

<div class="wrapper-sm">
  <div class="panel panel-default" style="border-radius:5px">
    <div class="panel-body" >
      <div class="row" style="font-size:12px">
        <div class="col-md-8">
          <div class="col-sm-11 " >
            <div class="panel panel-default" >
              <div class="panel-heading">
                基本信息
              </div>
              <div class="list-group-item ">
                <div class="row">
                  <span class="col-sm-6">设备编号：{{data?.mac}}</span>
                  <span class="col-sm-6">名称：{{data?.name}}</span>
                </div>
              </div>
              <div class="list-group-item">
                <div class="row">
                  <span class="col-sm-6">设备型号：{{data?.model}}</span>
                  <span class="col-sm-6">厂家：ALIMAK</span>
                </div>
              </div>
              <div class="list-group-item">
                <div class="row">
                  <span class="col-sm-6">设备品牌：{{data?.brand}}</span>
                </div>
              </div>
              <div class="list-group-item">
                <div class="row">
	            				<span class="col-sm-6">
	            				<button class="btn btn-sm run_state_5" (click)="pulish('func_limitfreq')" style="margin-right: 10px;">限频</button>
	            				<button class="btn btn-sm" (click)="pulish('func_unlimitfreq')">恢复</button></span>
	            				<span class="col-sm-6">
	            				<button class="btn btn-sm run_state_6" (click)="pulish('func_lock')" style="margin-right: 10px;">锁机</button>
	            				<button class="btn btn-sm" (click)="pulish('func_unlock')">解锁</button>
	            				</span>
                </div>
              </div>

            </div>
          </div>
          <div>
            <div class="col-sm-11 " >
              <div class="panel panel-default">
                <div class="panel-heading">
                  生产信息
                </div>
                <div class="list-group-item ">
                  <div class="row">
                    <span class="col-sm-6">出厂编号：{{detailData?.xuliehao}}</span>
                    <span class="col-sm-6">出厂日期：{{detailData?.chuchangriqi}}</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-sm-11 ">
              <div class="panel panel-default">
                <div class="panel-heading">
                  使用信息
                </div>
                <div class="list-group-item ">
                  <div class="row">
                    <span class="col-sm-6">使用场所：{{detailData?.shiyongdizhi}}</span>
                    <span class="col-sm-6">使用单位：{{detailData?.shiyonggongsi}}</span>
                  </div>
                </div>
                <div class="list-group-item">
                  <div class="row">
                    <span class="col-sm-6">安装日期：{{detailData?.anzhuangriqi}}</span>
			            		<span class="col-sm-6">地址：{{detailData?.shiyongdizhi}}&nbsp;&nbsp;&nbsp;&nbsp;
                        <span>
                        <a *ngIf="detailData?.anzhuangriqi!=null"  target="_blank" [routerLink]="['../../../../../access/devicegis',detailData.shiyongdizhi]" style="color:blue" ><i class="fa fa-map-marker fa-2x" ></i>地图</a>
                        <a *ngIf="detailData?.anzhuangriqi==null" style="color:blue"  (click)="myModal.show()">
                          <i class="fa fa-map-marker fa-2x" ></i>地图
                        </a>
                        </span>
			            		</span>

                  </div>
                </div>
              </div>
            </div>

            <div class="col-sm-11 ">
              <div class="panel panel-default">
                <div class="panel-heading">
                  维保信息
                </div>
                <div class="list-group-item ">
                  <div class="row">
                    <span class="col-sm-6">维保人员：{{detailData?.nick_name}}</span>
                    <span class="col-sm-6">维保人员电话：{{detailData?.mobile}}</span>
                  </div>
                </div>
                <div class="list-group-item">
                  <div class="row">
                    <span class="col-sm-6">维保类型：{{detailData?.weibaoleixing}}</span>
                    <span class="col-sm-6">维保周期（天）：{{detailData?.weibaozhouqi}}</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-11 ">
            <div class="panel panel-default">
              <div class="panel-heading">
                系统信息
              </div>
              <div class="list-group-item ">
                <div class="row">
                  <span class="col-sm-6">入网状态：正常</span>
                  <span class="col-sm-6">入网日期：2016/5/22</span>
                </div>
              </div>
              <div class="list-group-item">
                <div class="row">
                  <span class="col-sm-6">使用状态：正常</span>
                  <span class="col-sm-6">使用日期：2016/5/22</span>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-11 ">
            <div class="row">
              <div class="col-sm-2 col-sm-offset-10">
                <a  class="btn btn-sm btn-primary" [routerLink]="['../../../../sys/product/device/devicedetail',deviceId?deviceId:'none']">完善设备信息</a>
              </div>
            </div>

          </div>

        </div>

        <div class="col-md-4">
          <div class="row" style="text-align:center;" >
            <div class="col-sm-12 m-t-lg">
              <img *ngIf=" data?.img_path!=''&& data?.img_path!=null" src="http://121.196.221.74:8080/fileupload/mfile?file_name={{data?.img_path}}" style="height:350px;width:100%" />
            </div>
            <div class="col-sm-12 m-t-lg" >

              <img *ngIf="data?.qrcode_path!=''&& data?.qrcode_path!=null" src="http://121.196.221.74:8080/fileupload/mfile?file_name={{data?.qrcode_path}}" />
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>

<div bsModal #myModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">提示</h4>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-sm-8 col-sm-offset-1" >

            <h4>请完善好使用场所的地址，否则无法定位成功。</h4>

          </div>

        </div>

      </div>

      <div class="modal-footer">
        <a class="btn btn-info"  [routerLink]="['../../../../sys/product/device/devicedetail',deviceId]">去完善设备信息</a>
        <button class="btn btn-default" (click)="myModal.hide()">取消</button>
      </div>
    </div>

  </div>
</div>
